.container{
  min-width: 100%!important;
  min-height: 100px!important;
}

.container > .main{
  width: 100%!important;

}
.main > .conversation{
  overflow: auto;
}

.main > .sidebar{
  width:30%!important;
  min-width: 90px!important;
}

@media screen and (max-width: 600px){
  body>.container>.main>.main.conversation>.main>.message-bubble>.avatar{
    display: inherit!important;
  }
}


.main > .conversation{
  width:70%!important;
}
.main>.main.conversation>.main{
  min-width: 600px;
}
